@charset "utf-8";
@import "reset";

html{
    font-size: 64px;
}

.app{
    position: relative;
    height: 100%;
    width:100%;
     overflow-x: hidden;
    overflow-y: auto;
     -webkit-overflow-scrolling: touch;
    header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 44px;
        background: #f7f7f7;
        text-align: center;
        padding: 10px;
        border-bottom: 1px solid #c1c1c1;
       >a{
         color: #333333;  
         font-size: 15px;
         text-decoration: none;
       }
       >p{
           color: #333333;  
         font-size: 18px;
         vertical-align: top;
         display: inline-block;
       }
    }
    .clear{
    clear: both;
}
    footer{
        position: absolute;
        left: 0;
        bottom: 0;
        background: #f5f5f5;
        height: 50px;
        width: 100%;
        font-size: 0;
        border-top: 1px solid #c1c1c1;
        text-align: center;
        >div{
            display: inline-block;
            width:25%;
            margin: 5px auto;
            text-align: center;
//          border-right: 1px solid #ebebeb;
            >a{
                text-decoration: none;
                >img{
                    height:23px;
                }
                >span{
                    display: block;
                    font-size:10px;
                    padding-top: 2px;
                    color: #8b8b8b;
                    text-align: center;
                }
            }
            .active{
                color:#d62d31;
            }
        }
        
    }   
}

.toubu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background: #f7f7f7;
    text-align: center;
    padding: 13px 10px;
    border-bottom: 1px solid #c1c1c1;
    >a {
        text-decoration: none;
        >i {
            transform: rotate(180deg);
            color: #848689;
            font-size: 20px;
            display: block;
        }
    }
    >p {
        color: #333333;
        font-size: 18px;
        vertical-align: top;
        display: inline-block;
    }
}